<template>
	<view class="mA">
		<view class="mABox">
			<view class="mAmsg">
				<text>尤美佳宠物生活馆</text>
				<text>预约时间：{{ Time }}</text>
				<text>预约项目：宠物美容</text>
			</view>
			<!-- <view class="canvasBox"><canvas style="width: 100%;height: 100%;border: 1rpx solid #000;" canvas-id="mycanvas" id="mycanvas"></canvas></view> -->
			<view class="isOK">
				已受理
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: '',
	data() {
		return {};
	},
	mounted() {
		
		// const ctx = uni.createCanvasContext('mycanvas')
		// let h=1/1000
		// let timer=setInterval(()=>{
		// 	ctx.clearRect(0,0,ctx.width,ctx.height)
		// 	ctx.beginPath()
		// 	// ctx.arc(120,45,40,h,false)
		// 	ctx.strokeStyle='rgb(255, 114, 66)'
		// 	ctx.lineWidth=2
		// 	ctx.stroke()
		// 	ctx.draw()
		// 	h-=1/10
		// },10)
		// setTimeout(()=>{
		// 	ctx.setFontSize(20)
		// 	ctx.setFillStyle("#ff7242")
		// 	ctx.fillText('已受理',90,50)
		
		// 	ctx.fill()
		// 	ctx.draw(true)
		// 	clearInterval(timer)
		// },1000)
	},
	computed: {
		Time() {
			let date = new Date();
			return date.getFullYear() + '/' + date.getMonth() + '/' + date.getDay();
		}
	}
};
</script>

<style scoped>
.mA {
	width: 100vw;
	height: 100vh;
	background-color: rgb(244, 244, 244);
}
.mABox {
	height: 20vh;
	display: flex;
	background-color: #ffffff;
	padding: 30rpx 40rpx;
	box-sizing: border-box;
	border: 1rpx solid rgb(244, 244, 244);
	justify-content: space-between;
}
.mAmsg {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	color: #777;
	font-size: 24rpx;
}
.mAmsg text:nth-child(1) {
	font-size: 36rpx;
	color: #333;
	font-weight: 200;
}
.canvasBox {
	flex: 1;
}
.isOK{
	width: 17vw;
	height: 17vw;
	border: 4rpx solid #ff7242;
	color: #ff7242;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	
	}
</style>
